<template>
  <div class="portrait">
    <div class="portrait-main">
      <CardSection title="基础属性" />
      <div class="dynamic-card_box">
        <DynamicCard :config="cardData.config" />
      </div>
    </div>
  </div>
</template>

<script setup lang="js">
import CardSection from './cmps/card-section/card-section.vue';
import { cardData } from './data/data';
</script>
<style scoped lang="scss">
.portrait {
  width: 100%;
  height: 100%;
  overflow-y: auto;

  .portrait-main {
    padding: vh(20) vw(20);

    .dynamic-card_box {
      padding-top: vh(20);
    }
  }
}
</style>